<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>

    <!--amazeui Css style-->
    <link rel="stylesheet" href="./css/amazeui.css"/>

    <!--reset Css style-->
    <link rel="stylesheet" href="./css/reset.css"/>
    <link rel="stylesheet" href="./css/home.css"/>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/video.css">
    <link rel="stylesheet" href="./css/voice-album.css">
    <link rel="stylesheet" href="./css/voice_album-details.css"/>

    <script src="./js/jquery.min.js"></script>
    <script src="./js/common.js"></script>
</head>
<body>
<header class="head clearfix">
    <img class="logo" src="image/logo.png" alt="">
    <div class="download-btn">
        <a href="">下载慧声</a>
    </div>
</header>
<div class="banner-bg">
    <img src="image/banner.png" alt="">
    <div class="banner">
        <img class="photo" src="image/photo.png" alt="">
        <div class="banner-more">查看全部简介<img src="image/more.png"></div>
        <p class="b-text1">“我只是一位教佛法的老师” </p>
        <p class="b-text2">——慈城罗珠堪布仁法波切简传 </p>
    </div>
</div>
<div class="content-box">
    <div class="content-wrap">
        <div class="title">音频专辑</div>
        <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-thumbnails">
            <li>
                <a href="voice-album-details.html">
                    <div class="box">
                        <img class="am-thumbnail" src="image/voice-ablum.png" />
                        <span class="voice-a-img"><img src="image/microphone.png" alt="">29</span>
                    </div>
                    <p class="title-one">大圆满前行</p>
                    <p class="intro-p">大圆满前行的简短介绍...</p>
                </a>
            </li>
            <li>
                <a href="voice-album-details.html">
                    <div class="box">
                        <img class="am-thumbnail" src="image/voice-ablum.png" />
                        <span class="voice-a-img"><img src="image/microphone.png" alt="">29</span>
                    </div>
                    <p class="title-one">大圆满前行</p>
                    <p class="intro-p">大圆满前行的简短介绍...</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="more"><a href="voice-album.html">查看全部音频专辑</a></div>
</div>
<div class="content-box">
    <div class="content-wrap">
        <div class="title">音频</div>
        <ul class="voice-box">
            <li class="voice-list clearfix">
                <a href="voice-page.html">
                    <img src="image/voice-photo.png" alt="">
                    <div class="intro-box">
                        <p class="title-two">饶益众生九观察</p>
                        <p class="intro-p">饶益众生九观察的简短介绍...</p>
                    </div>
                    <img class="play-btn" src="image/play.png" alt="">
                </a>
            </li>
            <li class="voice-list clearfix">
                <a href="voice-page.html">
                    <img src="image/voice-photo.png" alt="">
                    <div class="intro-box">
                        <p class="title-two">饶益众生九观察</p>
                        <p class="intro-p">饶益众生九观察的简短介绍...</p>
                    </div>
                    <img class="play-btn" src="image/play.png" alt="">
                </a>
            </li>
        </ul>
    </div>
    <div class="more"><a href="voice-page.html">查看全部音频</a></div>
</div>
<div class="content-box">
    <div class="content-wrap">
        <div class="title">甘露妙语<span class="sign">直播</span></div>
        <img class="live-img" src="image/live.png" alt="">
        <p class="title-three">慈诚罗珠堪布《饶益众生九观察》详细讲解</p>
        <p class="intro-p1">讲师：慈诚罗珠堪布仁波切</p>
        <p class="intro-time">时间：2018-07-01  06:30</p>
    </div>
    <div class="interval"></div>
</div>
<div class="content-box">
    <div class="content-wrap">
        <div class="title">视频专辑</div>
        <img class="live-img" src="image/video-ablum-img.png" alt="">
        <p class="title-four">慈诚罗珠堪布《饶益众生九观察》详细讲解</p>
        <img class="live-img" src="image/video-ablum-img.png" alt="">
        <p class="title-five">慈诚罗珠堪布《饶益众生九观察》详细讲解</p>
    </div>
    <div class="more"><a href="video-album.html">查看全部视频专辑</a></div>
</div>
<div class="content-box">
    <div class="content-wrap">
        <div class="title">视频</div>
        <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-thumbnails">
            <li>
                <a href="video-play.html">
                    <div class="box">
                        <img class="am-thumbnail video-a-img" src="image/video.png" />
                        <img class="camera-img" src="image/camera.png" alt="">
                    </div>
                    <p class="title-one">大圆满前行</p>
                    <p class="intro-p">大圆满前行的简短介绍...</p>
                </a>
            </li>
            <li>
                <a href="video-play.html">
                    <div class="box">
                        <img class="am-thumbnail video-a-img" src="image/video.png" />
                        <img class="camera-img" src="image/camera.png" alt="">
                    </div>
                    <p class="title-one">大圆满前行</p>
                    <p class="intro-p">大圆满前行的简短介绍...</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="more"><a href="video-page.html">查看全部视频</a></div>
</div>
<script src="./js/amazeui.js"></script>
<script src="./js/amazeui.ie8polyfill.min.js"></script>

</body>
</html>